// -------------------切换两个盒子------------------
// // 点击登录盒子里面的a
// $('.login a').on('click', function () {
//   $('.login').hide().next().show()
//   // $('.login').hide().siblings('div').show()
// })
// // 点击注册盒子里面的a
// $('.register a').on('click', function () {
//   $('.login').show().next().hide()
// })


$('.box a').on('click', function () {
  $(this).parents('.box').hide().siblings('.box').show()
})
let layer = layui.layer

// ------------------注册功能-------------------
// 表单提交事件-->阻止默认行为-->收集数据-->Ajax提交
$('.register form').on('submit', function (e) {
  e.preventDefault()
  // 收集表单数据
  let data = $(this).serialize()
  // console.log(data);
  $.ajax({
    type: 'POST',
    url: '/api/reguser',
    data: data,
    success: function (res) {
      // 无论成功,还是失败,都提示一下
      // alert(res.message);
      layer.msg(res.message);
      // 如果成功(情况输入框,切换到登录的盒子)
      if (res.status === 0) {
        $('.register form')[0].reset() //清楚输入框
        $('.login').show().siblings('.box').hide()  //切换到登录盒子
      }
    }

  })
})

// --------------------自定义验证规则---------------
// 1.加载form模块(let 变量 = layui.模块名)
let form = layui.form
// 调用form.verify()方法扩展自己的验证规则
form.verify({
  // 键(规则名称):值(验证的办法)
  // 值(验证的办法,有两种写法,一种是数组,一种是函数 )
  //  规则名称:['正则表达式','验证不通过的提示'],
  user: [/^\w{2,10}$/, '用户名必须是2-10位'],// \w表示数字字母下划线 .{2-10}表示2-10位的长度
  pass: [/^\S{6,12}$/, '密码必须是6-12位'], //  \S非空白符


  // 2.函数的写法
  same: function (abc) {
    // 形参abc,表示使用该验证规则的输入框的值;(案例中确认密码使用了这个验证规则,所以形参表示确认密码的值)
    // return的值就是验证不通过时的提示
    // if (密码!== 确认密码){
    //   return '';
    // }
    if ($('.pwd').val() !== abc) {
      return '两次密码不一致'
    }
  }

})



// ---------------------登录功能------------------
// 表单提交事件-->阻止默认行为-->收集数据-->Ajax提交
$('.login form').on('submit', function (e) {
  e.preventDefault()
  $.ajax({
    type: 'POST',
    url: '/api/login',
    data: $(this).serialize(),
    success: function (res) {
      // 无论成功,还是失败,提示一下
      // alert(res.message)
      // layer.msg(res.message);
      // 登陆成功 (提示一下,跳转到index.html)
      if (res.status === 0) {
        layer.msg(res.message, {
          time: 2000 //2秒关闭（如果不配置，默认是3秒）
        }, function () {
          //do something
          // 存储服务器返回的token
          localStorage.setItem('token', res.token)
          location.href = './index.html'  //跳转到index.html
        });

      } else {
        layer.msg(res.message);
      }
    }
  })
})

// $('.login form').on('submit', function (e) {
//   e.preventDefault()
//   $.ajax({
//     type: 'POST',
//     url: '/api/login',
//     data: $(this).serialize(),
//     success: function (res) {
//       // alert(res.message)
//       layer.msg(res.message, {
//         time: 2000 //2s关闭（如果不配置，默认是3s）
//       }, function () {
//         if (res.status === 0) {
//           // 登录成功跳转到首页
//           location.href = './index.html'
//         } else {
//           layer.msg(res.message)
//         }
//       })
//     }
//   })
// })